<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@	taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:url var="queryPage" value="/database/queryPage.do" />
<c:url var="createDatabase" value="/database/insert.do" />
<c:url var="dropDatabase" value="/database/delete.do" />

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="../common/easyui/themes/metro-green/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../common/easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="../common/system.css" />
	<script type="text/javascript" src="../common/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../common/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../common/common.js"></script>
	<script type="text/javascript" src="../common/system.js"></script>
	<style type="text/css">
		html, body {
			height: 100%;
			padding: 0;
			margin: 0;
		}
	</style>
</head>

<body>
<!-- 表格 -->
<div id="dg_database"></div>
<!-- 表格上的工具栏 -->
<div id="toolbar_database" style="padding-left:5px; height:30px;">
	<div style="margin-bottom: 5px;">
		<a href="javascript:newDatabase();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">创建数据库</a>
		<a href="javascript:dropDatabase();" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除数据库</a>
		<a href="javascript:reload(initDatabaseGrid);" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true">刷新</a>
	</div>
</div>

<!-- “创建”对话框 -->
<div id="dialog_database" class="easyui-dialog" data-options="closed:true, buttons:'#dlg_buttons_database'" style="width:400px;height:150px;padding-top: 20px">
	<form method="post">
		<!-- 隐藏域：当前位置 -->
		<input type="hidden" name="serverName"/>
		<!-- 显示域 -->
		<div class="fitem">
			<label style="width: 75px;">数据库名：</label>
			<input name="schema_name" class="easyui-validatebox" data-options="required:true,validType:'variable'" style="width: 150px;"/>
		</div>
	</form>
</div>
<!-- 对话框上的按钮 -->
<div id="dlg_buttons_database">
	<a href="javascript:createDatabase();" class="easyui-linkbutton" data-options="iconCls:'icon-ok'">保存</a>
	<a href="javascript:closeDialog('dialog_database')" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'">取消</a>
</div>


<!-- JS脚本 -->
<script type="text/javascript">
$(function(){
	// 选项卡切换时产生位置回退，但不作回退操作，只有单击链接或树形列表才做回退操作
	if(loc[1] != ''){
		// 初始化表格
		initDatabaseGrid();
	} else{
		// 初始化当前位置
		var success = initLocation("${serverName}");
		if(success){
			// 初始化表格
			initDatabaseGrid();
			// 更新当前位置显示
			updateTitle('server');
		} else{
			alertErrorMsg();
		}
	}
});

// 初始化数据库表格
function initDatabaseGrid(){
	initDG('dg_database', 'toolbar_database', '${queryPage}', {serverName:loc[0]});
}

// 打开创建数据库的对话框
function newDatabase(){
	// 清空表单数据
	$('#dialog_database .fitem input').val('');
	// 设置隐藏域的值
	$('#dialog_database form input:eq(0)').val(loc[0]);
	// 打开对话框，并加上标题
	openDialog('dialog_database', '创建数据库');
	// 使对话框上的按钮变为可用
	enableLinkBtn($('#dlg_buttons_database a:eq(0)'));
	// 清空表格选择
	clearSelections('dg_database');
	// 设置请求url
	url_insert = '${createDatabase}';
}

// 创建数据库
function createDatabase(){
	$('#dialog_database form').form('submit',{
		url : url_insert,
		onSubmit : function(){
			// 使对话框上的按钮变为不可用
			disableLinkBtn($('#dlg_buttons_database a:eq(0)'));
			var isValid = $(this).form('validate');
			if (!isValid) {
				enableLinkBtn($('#dlg_buttons_database a:eq(0)'));
			}
			return isValid;
		},
		success : function(data){
			var $data = $.parseJSON(data);
			if($data.success){
				$.messager.alert('成功', $data.message + "受影响行数为：" + $data.data);
				closeDialog('dialog_database');
				// 重新载入树形列表
				reload(initDatabaseTree);
				// 重新载入表格
				reload(initDatabaseGrid);
			} else{
	   	 		$('#dlg_buttons_database a:eq(0)').linkbutton('enable');
		   	 	$.messager.alert("失败", $data.message + "<br>" + $data.data);
			}
		}
	});
}

// 删除数据库
function dropDatabase(){
	var row = $('#dg_database').datagrid('getSelected');
	if(row){
		$.messager.confirm('提示', '您想要删除数据库：'+ row.SCHEMA_NAME, function(r){
			if(r){
				$.ajax({
					type : 'post',
					url : '${dropDatabase}',
					data : {
						serverName : loc[0],
						schema_name : row.SCHEMA_NAME
					},
					dataType : 'json', 
					success: function(data){
						if(data.success){
							$.messager.alert('成功', data.message);
							// 重新载入树形列表
							reload(initDatabaseTree);
							// 重新载入表格
							reload(initDatabaseGrid);
							// 更新当前位置
							if(loc[1] == row.SCHEMA_NAME){
								initLocation(loc[0]);
								updateTitle('server');
								disableTabs();
							}
						} else{
							$.messager.alert("失败", data.message + "<br>" + data.data);
						}
					}
				});
			}
		});
		
	} else{
		$.messager.alert("提示",'请从表格中选择要删除的数据库！');
	}
}
</script>
</body>
</html>